<template>
  <div class="container">
    <div class="proName">这是产品名称</div>
    <div class="proDetail">
      <div class="item">
        <div>金额（￥）</div>
        <div>123</div>
      </div>
      <div class="item">
        <div>姓名</div>
        <div>郭德伟</div>
      </div>

            <div class="item">
        <div>身份证号</div>
        <div>341122199660716114</div>
      </div>

            <div class="item">
        <div>手机号</div>
        <div>18551627169</div>
      </div>
      <div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  mounted() {
    window.document.title = "详情";
  }
};
</script>
<style scoped>
.container {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #f6f5f5;
}
.proName {
  padding: 0.25rem;
}
.proDetail {
  padding: 0.25rem;
  box-sizing: border-box;
  background: #fff;
}
.item {
  padding-bottom: 0.2rem;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 0.2rem;
}
.item div:nth-child(1) {
  color: #999999;
  margin-bottom: 0.2rem;
}

</style>